<template>
	<view class="add" >
	     	<view class="add-icon">
	     		<u-icon name="plus" color="#fff" size="28"></u-icon>
	     	</view>
	     </view>
</template>
<script>
	let platform = 'other'
	// #ifdef APP-NVUE
	platform = uni.getSystemInfoSync().platform
	// #endif
	
	/**
	 * Fab 悬浮按钮
	 * @description 点击可展开一个图形按钮菜单
	 * @tutorial https://ext.dcloud.net.cn/plugin?id=144
	 * @property {Object} pattern 可选样式配置项
	 */
	export default {
		name: 'jkRound',
		props: {
			pattern: {
				type: Object,
				default () {
					return {}
				}
			},
			horizontal: {
				type: String,
				default: 'left'
			},
			vertical: {
				type: String,
				default: 'bottom'
			},
			direction: {
				type: String,
				default: 'horizontal'
			},
			content: {
				type: Array,
				default () {
					return []
				}
			},
			show: {
				type: Boolean,
				default: false
			},
			popMenu: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
				fabShow: false,
				isShow: false,
				isAndroidNvue: platform === 'android',
				styles: {
					color: '#3c3e49',
					selectedColor: '#007AFF',
					backgroundColor: '#fff',
					buttonColor: '#007AFF'
				}
			}
		},
		computed: {
			
		},
		watch: {
		
		},
		created() {
			
		},
		methods: {
		
		}
	}
</script>
<style>
	.add{
		width: 80upx;
		height: 80upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		position: fixed;
		z-index: 1000;
		top: 950upx;
		right: 30upx;
		background-image: linear-gradient(45deg, #33cc99, #95de64);
		box-shadow: 0rpx 0rpx 18rpx 3rpx #888888;
		
	}
</style>
